import { Link } from 'react-router-dom'
import LoginForm from './components/LoginForm'

export default function LoginPage() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-50">
      <div className="max-w-md w-full space-y-8 p-8 bg-white rounded-lg shadow">
        <div className="text-center">
          <h2 className="text-3xl font-bold text-gray-900">登录</h2>
          <p className="mt-2 text-sm text-gray-600">
            这里是登录页面，不使用统一布局
          </p>
        </div>
        
        <LoginForm />
        
        <div className="text-center">
          <Link 
            to="/" 
            className="text-blue-500 hover:text-blue-700 underline"
          >
            登录后进入首页
          </Link>
        </div>
      </div>
    </div>
  )
} 